<template>
	<view class="solid-bottom" style="width: 100%;background-color: #F9F9F9;">
		<view class="bg-white flex justify-between align-center padding-bottom-sm padding-left padding-right padding-top-sm"
			style="width: 100%;">
			<text class="text-df text-lg text-black text-bold">推荐关注</text>
			<text class="text-grey">滑动查看</text>
		</view>
		<scroll-view scroll-x="true" style="white-space: nowrap;overflow: hidden;">
			<view class="padding-sm" style="display: inline-block;width: 240upx;height: 290upx;" v-for="(item,index) in userList" :key="index">
				<recommend-user-item @attention="attentionAction(index)" :userInfo="item"></recommend-user-item>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import RecommendUserItem from '@/components/recommend-user-item.vue'
	export default {
		name:'FeedsRecommendUser',
		components: {
			RecommendUserItem
		},
		props: {
			userList: {
				type: Array,
				default: []
			},
			listIndex:{
				type:Number,
				default:0
			}
		},
		methods: {
			attentionAction(index)
			{
				this.$emit('attention',[this.listIndex,index])
			}
		},
	}
</script>

<style scoped>

</style>